<!DOCTYPE html>
<html lang="zh-ch">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>lu_homePage</title>
    <link rel="stylesheet" href="ADMIN_PUBLIC/fonts_style/iconfont.css">
    <link href="ADMIN_PUBLIC/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="ADMIN_PUBLIC/css/lu_common.css">
    <link rel="stylesheet" type="text/css" href="ADMIN_PUBLIC/css/lu_homePage.css">

<style>
    #keshuitong{
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom:37px;
    }
    #keshuitong>li{
        width:250px;
        height:181px;
        border-radius: 5px;
        padding:20px 37px 0 37px;
        margin:0 10px;
    }
    #keshuitong>li.home_main_list1{
        background: #86BBDC;
    }
    #keshuitong>li.home_main_list2{
        background: #79C6A4;
    }
    #keshuitong>li.home_main_list3{
        background: #DBAE8C;
    }
    #keshuitong>li.home_main_list4{
        background: #D1B073;
    }
    #keshuitong>li i.home_main_logo{
        display: inline-block;
        width:20px;
        height:20px;
        margin-right:4px;
    }
    #keshuitong>li i.home_main_logo1{
        background: url("ADMIN_PUBLIC/img/home_main_logo1.png");
    }
    #keshuitong>li i.home_main_logo2{
        background: url("ADMIN_PUBLIC/img/home_main_logo2.png");
    }
    #keshuitong>li i.home_main_logo3{
        background: url("ADMIN_PUBLIC/img/home_main_logo3.png");
    }
    #keshuitong>li i.home_main_logo4{
        background: url("ADMIN_PUBLIC/img/home_main_logo4.png");
    }

    #keshuitong>li>div{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #keshuitong>li span{
        color: #fff;

    }
    #keshuitong>li>p{
        color: #fff;
        margin-top:14px;
        line-height:22px;
        font-size:14px;
    }
    .line{
        width:72%;
    }
    /* 弹出来的小框框*/
    #yz_modal.active{
        display: block;
    }
    #yz_modal{
        width: 500px;
        position: fixed;
        top:10%;
        left:0;
        right: 0;
        z-index: 101;
        color: #ff0000;
        margin:0 auto;
        background-color: #ffffff;
        border:1px solid #999999;
        border-radius: 8px;
        padding:20px;
        display: none;
        text-align:center;
    }
    #yz_modal>p{
        font-size: 12px;
        line-height: 30px;
    }
    #yz_modal>a{
        text-align:center;
        display:inline-block;
        padding: 6px 10px;
        background-color:#3868A8;
        color: #fff;
        border-radius: 5px;
        text-decoration:none;
        cursor: pointer;
        font-size: 14px;
        margin-top: 20px;
    }
</style>
</head>
<body>
<div class="container-fluid border">
    <div class="row wrap3">
        <div class="col-sm-12 col-md-12 clearPad">
            <div class="tipTaskManage boxShadow">
                <div class="partTag">科税通</div>
                <ul id="keshuitong">
                    <li class="home_main_list1">
                        <div>
                            <i class="home_main_logo home_main_logo1"></i>
                            <span>项目管理</span>
                        </div>
                        <p>说明：可新建、编辑和删除项目</p>
                    </li>
                    <li class="home_main_list2">
                        <div>
                            <i class="home_main_logo home_main_logo2"></i>
                            <span>过程管理</span>
                        </div>
                        <p>说明：填写项目过程中，每月的人员工资管理、设备折旧管理、无形资产摊销管理，支持批量导入。</p>
                    </li>
                    <li class="home_main_list3">
                        <div>
                            <i class="home_main_logo home_main_logo3"></i>
                            <span>凭证管理</span>
                        </div>
                        <p>说明：可进行个性化账套设置，配合研发费用账目，可批量导入凭证关联项目过程中产生的费用。</p>
                    </li>
                    <li class="home_main_list4">
                        <div>
                            <i class="home_main_logo home_main_logo4"></i>
                            <span>查询统计</span>
                        </div>
                        <p>说明：生成研发支出辅助账，加计扣除优惠明细表表，支持导出功能。</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="row wrap3">
        <div class="col-sm-12 col-md-12 clearPad">
            <div class="tipTaskManage boxShadow">
                <div class="partTag">任务中心</div>
                <div class="circlePack">
                    <div class="imgAndTxt">
                        <div class="line"></div>
                        <div class="workManage taskPart">
                            <div class="statusShow">
                                <!--<a href="#" style="display: inline-block; width: 100%; height: 100%"></a>-->
                            </div>
                            <div class="taskName">项目管理</div>
                        </div>
                        <div class="equipmentManage taskPart">
                            <div class="statusShow">
                                <!--<a href="#" style="display: inline-block; width: 100%; height: 100%"></a>-->
                            </div>
                            <div class="taskName">过程管理</div>
                        </div>
                        <div class="intangibleAssetsManage taskPart">
                            <div class="statusShow">
                                <!--<a href="#" style="display: inline-block; width: 100%; height: 100%"></a>-->
                            </div>
                            <div class="taskName">凭证管理</div>
                        </div>
                        <div class="financeInfo taskPart">
                            <div class="statusShow">
                                <!--<a href="#" style="display: inline-block; width: 100%; height: 100%"></a>-->
                            </div>
                            <div class="taskName">成果管理</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


</div>

<!--内容没填完，弹框-->
    <div class="animated fadeIn active" id="yz_modal">
        <p>【温馨提示】</p>
        <p>如果企业已经有研发费用加计扣除辅助账、汇总表、归集表，则无需在此系统操作</p>
        <a id='en'>确认</a>
    </div>

<script src="ADMIN_PUBLIC/js/jquery.min.js"></script>
<script src="ADMIN_PUBLIC/js/bootstrap.min.js"></script>
<script type="text/javascript">
    //当点击区域不在导入弹框中时则关闭弹框
    $('#en').click(function(e){
        e.preventDefault();
        $('#yz_modal').removeClass('active')
    })
</script>
</body>
</html>